 var option = {
     title: {
         text: "项目甘特图",
         subtext: "数据来自网络"
     },
     tooltip: {
         trigger: "axis"
     },
     legend: {
         data: ["2022年", "2019年"]
     },
     toolbox: {
         show: true,
         feature: {
             mark: {
                 show: true
             },
             dataView: {
                 show: true,
                 readOnly: true
             },
             magicType: {
                 show: false,
                 type: ["line", "bar"]
             },
             restore: {
                 show: true
             },
             saveAsImage: {
                 show: true
             }
         }
     },
     calculable: true,
     xAxis: [{
         type: "value",
         boundaryGap: [0, 0.01]
     }],
     yAxis: [{
         type: "category",
         data: ["可行性研究", "任务设计输入评估", "项目立项", "设计输出及验证", "试严"]
     }],
     series: [{
             name: "2022年",
             type: "bar",
             data: [18203, 23489, 29034, 104970, 131744]
         },
         {
             name: "2019年",
             type: "bar",
             data: [19325, 23438, 31000, 121594, 134141]
         }
     ]
 }
 const myChart = echarts.init(document.querySelector("#main"));
 myChart.setOption(option)



 var arr = {
     title: {
         text: "任务然尽图",
         subtext: ""
     },
     tooltip: {
         trigger: "axis"
     },
     legend: {
         data: ["-", "-"]
     },
     toolbox: {
         show: true,
         feature: {
             mark: {
                 show: true
             },
             dataView: {
                 show: true,
                 readOnly: true
             },
             magicType: {
                 show: false,
                 type: ["line", "bar"]
             },
             restore: {
                 show: true
             },
             saveAsImage: {
                 show: true
             }
         }
     },
     calculable: true,
     xAxis: [{
         type: "category",
         boundaryGap: false,
         data: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
     }],
     yAxis: [{
         type: "value",
       
     }],
     series: [{
             name: "-",
             type: "line",
             data: [11, 11, 15, 13, 12, 13, 10, 11, 10, 7, 5, 3]
         },
         {
             name: "-",
             type: "line",
             data: [1, -2, 2, 5, 3, 2, 0, 4, 2, 9, 8, 5]
         }
     ],
     color: ["rgb(162, 81, 255)", "rgb(133, 215, 247)", "#da70d6", "#32cd32", "#6495ed", "#ff69b4", "#ba55d3", "#cd5c5c", "#ffa500", "#40e0d0", "#1e90ff", "#ff6347", "#7b68ee", "#00fa9a", "#ffd700", "#6699FF", "#ff6666", "#3cb371", "#b8860b", "#FFFFFF"]
 }
 const myChartt = echarts.init(document.querySelector("#footer"));
 myChartt.setOption(arr)
 


 var obj= {
    tooltip: {
        trigger: "item",
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: "vertical",
        x: "left",
        data: ["进行中", "已延期", "已完成", "未开始"]
    },
    toolbox: {
        show: true,
        feature: {
            mark: {
                show: true
            },
            dataView: {
                show: true,
                readOnly: true
            },
            restore: {
                show: true
            },
            saveAsImage: {
                show: true
            }
        }
    },
    calculable: true,
    series: [
        {
            name: "任务",
            type: "pie",
            radius: ["50%", "70%"],
            itemStyle: {
                normal: {
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    }
                },
                emphasis: {
                    label: {
                        show: true,
                        position: "center",
                        textStyle: {
                            fontSize: "30",
                            fontWeight: "bold"
                        }
                    }
                }
            },
            data: [
                {
                    value: 335,
                    name: "进行中"
                },
                {
                    value: 310,
                    name: "已延期"
                },
                {
                    value: 234,
                    name: "已完成"
                },
                {
                    value: 135,
                    name: "未开始"
                }
            ]
        }
    ],
    color: ["rgb(255, 240, 81)", "rgb(133, 162, 247)", "rgb(112, 216, 197)", "rgb(51, 147, 204)", "#6495ed", "#ff69b4", "#ba55d3", "#cd5c5c", "#ffa500", "#40e0d0", "#1e90ff", "#ff6347", "#7b68ee", "#00fa9a", "#ffd700", "#6699FF", "#ff6666", "#3cb371", "#b8860b", "#30e0e0"]
}

const myCharttt = echarts.init(document.querySelector("#footer_f_l"));
 myCharttt.setOption(obj)

 var obja= {
    title: {
        text: "任务停留时间",
    },
    tooltip: {
        trigger: "axis"
    },
    legend: {
        data: ["任务停留"]
    },
    toolbox: {
        show: true,
        feature: {
            mark: {
                show: true
            },
            dataView: {
                show: true,
                readOnly: true
            },
            magicType: {
                show: false,
                type: ["line", "bar"]
            },
            restore: {
                show: true
            },
            saveAsImage: {
                show: true
            }
        }
    },
    calculable: true,
    xAxis: [
        {
            type: "category",
            data: ["可行性研究", "任务设计评估", "项目立项", "开模", "设计输出", "试产"]
        }
    ],
    yAxis: [
        {
            type: "value"
        }
    ],
    series: [
        {
            name: "任务停留",
            type: "bar",
            data: [80, 100, 50, 30, 170, 70]
        }
    ],
    color: ["rgb(81, 136, 255)", "#87cefa", "#da70d6", "#32cd32", "#6495ed", "#ff69b4", "#ba55d3", "#cd5c5c", "#ffa500", "#40e0d0", "#1e90ff", "#ff6347", "#7b68ee", "#00fa9a", "#ffd700", "#6699FF", "#ff6666", "#3cb371", "#b8860b", "#30e0e0"]
}


const myChartttt = echarts.init(document.querySelector("#footer_f_r"));
 myChartttt.setOption(obja)










